//@import "./../../../style/default.less";
@import '~antd/lib/style/themes/default.less';
.contentBox {
    background-color: #fff;
    :global {
        .ant-card {
            color:rgba(0,0,0,0.45);
        }
        .ant-card-body {
            padding: 16px;
        }

        .ant-progress-inner {
            width: 62px !important;
            height: 62px !important;
        }
        .ant-btn-primary {
            background-color: @primary-color;
            border-color: @primary-color;
        }
        a {
            color: @primary-color;
        }
        a:focus {
            text-decoration: none;
        }
        .ant-layout {
            min-height: 0;
        }
        .ant-table-row {
            margin-bottom: 16px;
            // border: 1px solid #8e8e8e;
        }
    }
}
.top {
    color: #262626;
    font-size: 16px;
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 0 12px 16px;
}
.cardBox {
    padding: 24px 24px 8px 24px;
    .cardItmeBlock{
      &::after{
        content:'';
        display: block;
        clear: both;
      }
    }
    .cardItemBox{
      float:left;
      margin-right:16px;
      width:236px;
      height: 179px;
      margin-bottom:16px;
    }
    .cardItem {
        margin-bottom: 16px;
        border-radius: 8px;
        height: 179px;
        position: relative;
        .oneLine {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px;
            .name {
                color: #fff;
                font-size: 16px;
                height: 22px;
                margin-bottom: 8px;
            }
            .rule {
                color: #fff;
                font-size: 14px;
                opacity: .5;
            }
        }
        .midLine {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px;
            margin-top: 8px;
            .imgBox {
                display: flex;
                align-items: center;
                z-index: 100;
                > div {
                  cursor: pointer;
                }
                > div >img {
                  margin-right: 12px;
              }
            }
            .level {
                color: #fff;
                font-size: 14px;
            }
        }
        .bottonLine {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 16px;
            font-size: 12px;
            position: absolute;
            bottom: 0px;
            left: 0px;
            right: 0px;
            height: 36px;
            background: #fff;
            opacity: .85;
            .left {
                display: flex;
                > div {
                    color: @primary-color;
                    margin-right: 8px;
                    cursor: pointer;
                }
            }
        }
    }
    .addCardItem {
        margin-bottom: 16px;
        border-radius: 8px;
        height: 179px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 1px dotted;
        height: 179px;
        background: rgba(247,247,247,1);
        border: 1px dotted rgba(217,217,217,1);
        opacity: 1;
        border-radius: 8px;
        cursor: pointer;
        > div {
            margin-top: 16px;
            font-size: 14px;
            color: #000;
        }
    }
    :global{
      .ant-spin-nested-loading > div > .ant-spin {
        background-color: rgba(255, 255, 255, 0);
      }
    }
}


.modal {
  height: 144px;
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right: 0;
  background:#fff;
  opacity: .7;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
